﻿@{
    ViewBag.Title = "addNewSaleOff";
    Layout = "~/Areas/Admin/Views/Shared/_Admin.cshtml";
}

<div class="page-header position-relative">
    <h1>Quản lý sản phẩm
		<small>
            <i class="icon-double-angle-right"></i>
            Quản lý khuyến mãi
        </small>
        <small>
            <i class="icon-double-angle-right"></i>
            Đăng đợt khuyến mãi
        </small>
    </h1>
</div>
<!--/.page-header-->
<div class="row-fluid">
    <div class="span12">
        <!--PAGE CONTENT BEGINS-->
        <form id="formSubmit" action="#" method="post">
            <div class="form-horizontal">
                <div class="control-group">
                    <label class="control-label" for="txtSaleOffName">Tên đợt khuyến mãi</label>

                    <div class="controls">
                        <input type="text" id="txtSaleOffName" placeholder="Tên đợt khuyến mãi" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="txtStartDate">Ngày bắt đầu</label>
                    <div class="controls">
                        <input type="date" id="txtStartDate" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="txtEndDate">Ngày kết thúc</label>
                    <div class="controls">
                        <input type="date" id="txtEndDate" />
                    </div>
                </div>


                <div class="controls">
                    <div class="row">
                        <div class="widget-box span3">
                            <div class="widget-header header-color-blue2">
                                <h4 class="lighter smaller">Chọn sản phẩm</h4>
                            </div>

                            <div class="widget-body">
                                <div class="widget-main padding-8">
                                    <select id="drlCategory" style="max-width: 180px">
                                        <option value="1">Đồ gia dụng</option>
                                        <option value="2">Máy tính bảng</option>
                                        <option value="3">Laptop</option>
                                        <option value="4">Điện thoại bàn</option>
                                        <option value="5">Khác..</option>
                                    </select>
                                    <hr />
                                    <select multiple style="max-width: 180px">
                                        <option>Bếp điện
                                        </option>
                                        <option>Nồi cơm điện Sha
                                        </option>
                                        <option>Bếp ga mini
                                        </option>
                                        <option>Bình đun điện
                                        </option>
                                        <option>....
                                        </option>
                                    </select>

                                </div>
                            </div>
                        </div>
                        <div class="span1">
                            <button class="btn btn-small btn-primary">> &nbsp;</button>
                            <br />
                            <br />
                            <button class="btn btn-small btn-primary">>></button>
                            <br />
                            <br />
                            <button class="btn btn-small btn-primary">< &nbsp</button>
                        </div>
                        <div class="widget-box span6">
                            <div class="widget-header header-color-blue2">
                                <h4 class="lighter smaller">Sản phẩm đã chọn</h4>
                            </div>

                            <div class="widget-body">
                                <table class="table">
                                    <tr>
                                        <th>Tên</th>
                                        <th>% giảm giá</th>
                                        <th>Hủy</th>
                                    </tr>
                                    <tr>
                                        <td>Bếp điện abc</td>
                                        <td>
                                            <input type="text" value="15%" placeholder="% giảm giá" />
                                        </td>
                                        <td class="center">
                                            <input type="checkbox" />
                                            <span class="lbl"></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Nồi cơm hiệu def</td>
                                        <td>
                                            <input type="text" value="10%" placeholder="% giảm giá" />
                                        </td>
                                        <td class="center">
                                            <input type="checkbox" />
                                            <span class="lbl"></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Bình đun hiệu xyz</td>
                                        <td>
                                            <input type="text" value="10%" placeholder="% giảm giá" />
                                        </td>
                                        <td class="center">
                                            <input type="checkbox" />
                                            <span class="lbl"></span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-actions">
                    <button class="btn btn-info" type="submit">
                        <i class="icon-ok bigger-110"></i>
                        Đăng
                    </button>
                    &nbsp; &nbsp; &nbsp;

                    <button class="btn" type="reset">
                        <i class="icon-undo bigger-110"></i>
                        Xóa trường dữ liệu
                    </button>
                </div>
                <!--/row-->
        </form>

        <!--PAGE CONTENT ENDS-->
    </div>
    <!--/.span-->
</div>
<!--/.row-fluid-->
